
<!DOCTYPE html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
</head>

<body>
	<?php include_once VIEWS.'inc/header.php'; ?>
	<div class="main vision">
		<div class="abanner">
			<img src="<?php echo static_file('web/img/hk.jpg'); ?>" alt="">
			<div class="txt_box js-m">
				<div class="tab">
					<div class="tab_cell">
						<div class="en">Hacker</div>
						<div class="ico">
							<img src="<?php echo static_file('web/img/ico.png'); ?>" alt="">
						</div>
						<div class="txt">骇客星</div>
					</div>
				</div>
			</div>
		</div>

		<?php include_once VIEWS.'inc/hacker.php'; ?>


		<div class="container_box">
			<div class="box" id="id1">
				<div class="box_cen w1440 f-cb">
					<div class="box_l js-m">
						<div class="img">
							<img src="<?php echo static_file('web/img/hk.png'); ?>" alt="">
						</div>
						<div class="t">骇客星企业愿景：室内娱乐新空间的创造大师</div>
						<div class="con">
							<p>
								骇客星文化科技有限公司是金东数字创意股份有限公司的主题乐园版块子公司，专注于高科技文化旅游领域，公司以高科技文化旅游产品的创意、研发、策划、设计、建设管理、托管运营为核心业务，为旅游景区、城市综合体、主题乐园、科技馆等提供国际一流水平的创意设计、设备工程、投资运营一体化解决方案。
							</p>
							<p>	
								公司注册资本2000万元，拥有北京、青岛、深圳等多个分支机构，成员二百余人，其中研发设计人员达到70%以上，拥有强大的技术研发和创意能力。公司已申请专利10余项，实用新型专利和软件著作权23项，产品拥有独立的自主知识产权。

							</p>
						</div>
					</div>
					<div class="box_r js-m">
						<div class="bg"></div>
						<div class="tu">
							<img src="<?php echo static_file('web/img/ab.jpg'); ?>" alt="">
							
						</div>
					</div>
				</div>
			</div>
			<div class="box2" id="id5">
				<div class="box_cen w1440">
					<div class="title js-m">
						<div class="en">Strategic</div>
						<div class="cn">战略定位</div>
					</div>
					<div class="list w1440 js-m">
						<ul class="f-cb">
							<li>
								<div class="icon_box">
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad1_1.png'); ?>" alt="">
									</div>
									<div class="pic">
										<img src="<?php echo static_file('web/img/fj.png'); ?>" alt="">
									</div>
								</div>
								<div class="con">
									<div class="t">公司愿景</div>
									<div class="co">
										室内娱乐新空间的创造大师。
									</div>
								</div>
							</li>
							<li>
								<div class="icon_box">
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad2.png'); ?>" alt="">
									</div>
									<div class="pic">
										<img src="<?php echo static_file('web/img/sm4.png'); ?>" alt="">
									</div>
								</div>
								<div class="con">
									<div class="t">公司使命</div>
									<div class="co">
										为大众提供极致的快乐和梦想。
									</div>
								</div>
							</li>
							<li>
								<div class="icon_box">
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad3.png'); ?>" alt="">
									</div>
									<div class="pic">
										<img src="<?php echo static_file('web/img/ax.png'); ?>" alt="">
									</div>
								</div>
								<div class="con">
									<div class="t">企业精神</div>
									<div class="co">
										创意是生命。
									</div>
								</div>
							</li>
							<li>
								<div class="icon_box">
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad4.png'); ?>" alt="">
									</div>
									<div class="pic">
										<img src="<?php echo static_file('web/img/dww.png'); ?>" alt="">
									</div>
								</div>
								<div class="con">
									<div class="t">战略定位</div>
									<div class="co">
										室内乐园综合品牌服务商。
									</div>
								</div>
							</li>
							<li>
								<div class="icon_box">
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad5.png'); ?>" alt="">
									</div>
									<div class="pic">
										<img src="<?php echo static_file('web/img/peo.png'); ?>" alt="">
									</div>
								</div>
								<div class="con">
									<div class="t">目标客户</div>
									<div class="co">
										商业地产、文旅企业、乐园经营商、各类休闲娱乐场所。

									</div>
								</div>
							</li>
							<li>
								<div class="icon_box">
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad6.png'); ?>" alt="">
									</div>
									<div class="pic">
										<img src="<?php echo static_file('web/img/yw.png'); ?>" alt="">
									</div>
								</div>
								<div class="con">
									<div class="t">核心业务</div>
									<div class="co">
										自营乐园、设备研发、乐园2B交付、托管经营、连锁经营、设备销售。


									</div>
								</div>
							</li>
							<li>
								<div class="icon_box">
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad7.png'); ?>" alt="">
									</div>
									<div class="pic">
										<img src="<?php echo static_file('web/img/m.png'); ?>" alt="">
									</div>
								</div>
								<div class="con">
									<div class="t">商业模式</div>
									<div class="co">
										EPC+投资+运营。

									</div>
								</div>
							</li>
							<li>
								<div class="icon_box">
									<div class="ico">
										<img src="<?php echo static_file('web/img/rad8.png'); ?>" alt="">
									</div>
									<div class="pic">
										<img src="<?php echo static_file('web/img/money.png'); ?>" alt="">
									</div>
								</div>
								<div class="con">
									<div class="t">资本运作</div>
									<div class="co">
										引进战略合作者。

									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="model" id="id6">
				<div class="title js-m">
					<div class="en">business model</div>
					<div class="cn">商业模式</div>
				</div>
				<div class="model_list">
					<ul>
						<li class="js-m">
							<div class="bimg" style="background:url(<?php echo static_file('web/img/m1.jpg'); ?>) no-repeat center center;background-size:cover;"></div>
							<div class="model_cen w1440 f-cb">
								<div class="cont">
									<div class="tit_box">
										<div class="num">01</div>
										<div class="txt">
											旅游景区定制化<span>室内主题乐园</span>
										</div>
									</div>
									<div class="con">
										骇客星为以风景、人文为生的传统旅游景区，量身打造具有强P.高科技互动娱乐、文化演艺相结合的旅游娱乐升级产品。根据景区的历史文化、把握旅游消费者的心理，量身定制2000-10000平方米的高科技室内主题乐园，融合文化、创意、科技、旅游、信息为一体，有效提升景区的品牌形象，极大提高游客的游玩体验，显著增加游客的人均消费，打造新型的文化科技旅游景区。
									</div>
								</div>
							</div>
						</li>
						<li class="js-m">
							<div class="bimg" style="background:url(<?php echo static_file('web/img/m2.jpg'); ?>) no-repeat center center;background-size:cover;"></div>
							<div class="model_cen w1440 f-cb">
								<div class="cont">
									<div class="tit_box">
										<div class="num">02</div>
										<div class="txt">
											城市综合体<span>室内主题乐园</span>
										</div>
									</div>
									<div class="con">
									骇客星主题乐园是为现代都市家庭打造、利用高科技的表现形式、新颖的设计以及精选的文化故事和主题内容，创造出一种综合形式的全新娱乐项目，以室内中型主题乐园的形式展现。 <br>
									有别于传统的游乐园，骇客星主题乐园项目可以根据不同的IP定制相应的主题项目，从装饰布景、游乐设备、互动体验、高科技娱乐、主题服务等多个方面做到常换常新，从而为游客提供持续的吸引力，提高游客重游率，为投资者带来更丰厚的收益。

									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="case" id="id2">
				<div class="title js-m">
					<div class="en">Company Case</div>
					<div class="cn">公司案例</div>
				</div>
				<div class="case_list js-m">
					<div class="e">Hacker</div>
					<div class="case_cen w1440 f-cb">
						<div class="case_b">
							<div class="case_l">
								<div class="cont">
									<div class="t">澳门  冒险王国</div>
									<div class="con">
										项目位于中国澳门金沙酒店，已于 2016 年开业。占地10000平方米，投资1亿美元。我们为这个项目创造了全新并多元的故事线，引进了超过60 种新的游戏与玩法，共计2000余个娱乐项目。公司负责整个故事创意、概念设计和项目管理。
									</div>
								</div>
								<div class="controls">
									<div class="dots">
										<a href="javascript:;" class="active"></a>
										<a href="javascript:;"></a>
										<a href="javascript:;"></a>
										<a href="javascript:;"></a>
										<a href="javascript:;"></a>
									</div>
									<div class="current"><div class="cur">1</div>/<div class="all">05</div></div>
								</div>
							</div>
							<div class="case_r">
								<div class="btn">
									<div class="btn_l"></div>
									<div class="btn_r"></div>
								</div>
								<ul>
									<li class="active" data-title="澳门  冒险王国" data-content="项目位于中国澳门金沙酒店，已于 2016 年开业。占地10000平方米，投资1亿美元。我们为这个项目创造了全新并多元的故事线，引进了超过60 种新的游戏与玩法，共计2000余个娱乐项目。公司负责整个故事创意、概念设计和项目管理。">
										<div class="mask"></div>
										<div class="tu">
											<img src="<?php echo static_file('web/img/hhh.jpg'); ?>" alt="">
											<div class="bg"></div>
										</div>
										<div class="txt">
											<span>澳门  冒险王国</span>
										</div>
									</li>
									<li data-title="澳门  冒险王国2" data-content="项目位于中国澳门金沙酒店，已于 2016 年开业。占地10000平方米，投资1亿美元。我们为这个项目创造了全新并多元的故事线，引进了超过60 种新的游戏与玩法，共计2000余个娱乐项目。公司负责整个故事创意、概念设计和项目管理。">
										<div class="mask"></div>
										<div class="tu">
											<img src="<?php echo static_file('web/img/hhh.jpg'); ?>" alt="">
											<div class="bg"></div>
										</div>
										<div class="txt">
											<span>瑞贝卡欢乐园 贝卡王国</span>
										</div>
									</li>
									<li data-title="澳门  冒险王国3" data-content="项目位于中国澳门金沙酒店，已于 2016 年开业。占地10000平方米，投资1亿美元。我们为这个项目创造了全新并多元的故事线，引进了超过60 种新的游戏与玩法，共计2000余个娱乐项目。公司负责整个故事创意、概念设计和项目管理。">
										<div class="mask"></div>
										<div class="tu">
											<img src="<?php echo static_file('web/img/hhh.jpg'); ?>" alt="">
											<div class="bg"></div>
										</div>
										<div class="txt">
											<span>澳门  冒险王国</span>
										</div>
									</li>
									<li data-title="澳门  冒险王国4" data-content="项目位于中国澳门金沙酒店，已于 2016 年开业。占地10000平方米，投资1亿美元。我们为这个项目创造了全新并多元的故事线，引进了超过60 种新的游戏与玩法，共计2000余个娱乐项目。公司负责整个故事创意、概念设计和项目管理。">
										<div class="mask"></div>
										<div class="tu">
											<img src="<?php echo static_file('web/img/hhh.jpg'); ?>" alt="">
											<div class="bg"></div>
										</div>
										<div class="txt">
											<span>瑞贝卡欢乐园 贝卡王国</span>
										</div>
									</li>
									<li data-title="澳门  冒险王国5" data-content="项目位于中国澳门金沙酒店，已于 2016 年开业。占地10000平方米，投资1亿美元。我们为这个项目创造了全新并多元的故事线，引进了超过60 种新的游戏与玩法，共计2000余个娱乐项目。公司负责整个故事创意、概念设计和项目管理。"3>
										<div class="mask"></div>
										<div class="tu">
											<img src="<?php echo static_file('web/img/hhh.jpg'); ?>" alt="">
											<div class="bg"></div>
										</div>
										<div class="txt">
											<span>澳门  冒险王国</span>
										</div>
									</li>
								</ul>
							</div>
						</div>
						
					</div>

					<!-- 移动端 -->
					<div class="swiper-container gallery-top w1440">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide">
					        	<div class="mask"></div>
								<div class="tu">
									<img src="<?php echo static_file('web/img/hhh.jpg'); ?>" alt="">
									<div class="bg"></div>
								</div>
								<div class="txt">
									<span>澳门  冒险王国</span>
								</div>
					        </div>
					         <div class="swiper-slide">
					        	<div class="mask"></div>
								<div class="tu">
									<img src="<?php echo static_file('web/img/hhh.jpg'); ?>" alt="">
									<div class="bg"></div>
								</div>
								<div class="txt">
									<span>澳门  冒险王国</span>
								</div>
					        </div>
					         <div class="swiper-slide">
					        	<div class="mask"></div>
								<div class="tu">
									<img src="<?php echo static_file('web/img/hhh.jpg'); ?>" alt="">
									<div class="bg"></div>
								</div>
								<div class="txt">
									<span>澳门  冒险王国</span>
								</div>
					        </div>
					    </div>
					    <!-- Add Arrows -->
					    <div class="swiper-button-next swiper-button-white"></div>
					    <div class="swiper-button-prev swiper-button-white"></div>
					</div>
					<div class="swiper-container gallery-thumbs w1440">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide">
					        	<div class="t">澳门  冒险王国1</div>
								<div class="con">
									项目位于中国澳门金沙酒店，已于 2016 年开业。占地10000平方米，投资1亿美元。我们为这个项目创造了全新并多元的故事线，引进了超过60 种新的游戏与玩法，共计2000余个娱乐项目。公司负责整个故事创意、概念设计和项目管理。
								</div>
					        </div>
					         <div class="swiper-slide">
					        	<div class="t">澳门  冒险王国2</div>
								<div class="con">
									项目位于中国澳门金沙酒店，已于 2016 年开业。占地10000平方米，投资1亿美元。我们为这个项目创造了全新并多元的故事线，引进了超过60 种新的游戏与玩法，共计2000余个娱乐项目。公司负责整个故事创意、概念设计和项目管理。
								</div>
					        </div>
					         <div class="swiper-slide">
					        	<div class="t">澳门  冒险王国3</div>
								<div class="con">
									项目位于中国澳门金沙酒店，已于 2016 年开业。占地10000平方米，投资1亿美元。我们为这个项目创造了全新并多元的故事线，引进了超过60 种新的游戏与玩法，共计2000余个娱乐项目。公司负责整个故事创意、概念设计和项目管理。
								</div>
					        </div>
					    </div>
					</div>
					<!-- 移动端 -->
				</div>
			</div>
			<div class="box3" id="id3">
				<div class="box_cen">	
					<div class="title js-m">	
						<div class="en">HIKEPARK</div>
						<div class="cn">自营乐园Hikepark</div>
					</div>
					<div class="video f-cb js-m">	
						<div class="video_l" >	
							<img src="<?php echo static_file('web/img/tu.jpg'); ?>" alt="">
							<div class="bg"></div>
							<div class="mask"></div>
							<div class="cont_box">
								<div class="tab">
									<div class="tab_cell">	
										<div class="play">	
											<img src="<?php echo static_file('web/img/play2.png'); ?>" alt="">
										</div>
										<div class="txt">	宣传视频</div>
									</div>
								</div>
							</div>
						</div>
						<div class="video_r">	
							<div class="cont">	
								<div class="t">	HIKEPARK嗨客都市乐园介绍</div>
								<div class="line"></div>
								<div class="content">	
									<div class="conn">	
										青岛骇客星文化科技有限公司，在青岛金狮广场中设立的"HIKEPARK嗨客都市乐园"，将于2018年6月1日盛大开业。该室内主题公园集结了金东多年的数字开发技术与设施运营经验。是集娱乐休闲体验为一体的高科技都市乐园，这里有国内尖端的大型游乐设施，新颖有趣的小型互动和数码科技的梦幻舞台，将为您带来超能的科技体验。
										"青岛HIKEPARK"是首家骇客星公司运营的HIKEPARK，位于金狮广场的2楼，面积2184平方米，不受天气影响，是适合成人及儿童的最新娱乐空间。<br>	
										HIKEPARK嗨客都市乐园，一座集娱乐休闲体验为一体的高科技都市乐园，有刺激，有乐趣，有轻松，有恐惧，太多的体验由你选择。将金东的最新技术最大限度利用在娱乐中，给予您前所未有的体验。HIKEPARK嗨客都市乐园，一座集娱乐休闲体验为一体的高科技都市乐园，有刺激，有乐趣，有轻松，有恐惧，太多的体验由你选择。将金东的最新技术最大限度利用在娱乐中，给予您前所未有的体验

									</div>
									<div class="btn_box">
										<div class="tab">
											<div class="tab_cell">	
												<div class="prev">	
													<img src="<?php echo static_file('web/img/ss.png'); ?>" alt="">
												</div>
												<div class="next">	
													<img src="<?php echo static_file('web/img/xxx.png'); ?>" alt="">
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="pro" id="id4">
				<div class="pro_cen w1440">
					<div class="title js-m">
						<div class="en">products</div>
						<div class="cn">主题乐园产品介绍</div>
					</div>
					<div class="classification js-m">
						<a href="javascript:;" class="cur">大型游乐设施<span class="bg"></span></a>
						<a href="javascript:;">小型游乐设施<span class="bg"></span></a>
					</div>
					<div class="wbox">
						<div class="wrap js-m">
							<ul class="f-cb">
								<li>
									<div class="tu">
										<div class="btn">
											<div class="btn_prev">
													<img src="<?php echo static_file('web/img/sl.png'); ?>" alt="">
											</div>
											<div class="btn_next">
												
													<img src="<?php echo static_file('web/img/sr.png'); ?>" alt="">
											</div>
										</div>
										<ul>
											<li>
												<img src="<?php echo static_file('web/img/g1.jpg'); ?>" alt="">
											</li>
											<li>
												<img src="<?php echo static_file('web/img/g2.jpg'); ?>" alt="">
											</li>
										</ul>
									</div>
									<div class="cont">
										<div class="t">镭射迷城（真人CS）</div>
										<div class="line"></div>
										<div class="con">
											<strong>项目说明：</strong>真人CS，集镭射技术与运动于一体，全程采用线性瞄准，并且结合现场逼真的作战场景，行走轨迹曲折多变，使体验者增强了沉浸感和现场感。

										</div>
									</div>
								</li>
								<li>
									<div class="tu">
										<div class="btn">
											<div class="btn_prev">
			
													<img src="<?php echo static_file('web/img/sl.png'); ?>" alt="">
						
											</div>
											<div class="btn_next">
												
											
													<img src="<?php echo static_file('web/img/sr.png'); ?>" alt="">
												
											</div>
										</div>
										<ul>
											<li>
												<img src="<?php echo static_file('web/img/g2.jpg'); ?>" alt="">
											</li>
											<li>
												<img src="<?php echo static_file('web/img/g1.jpg'); ?>" alt="">
											</li>
										</ul>
									</div>
									<div class="cont">
										<div class="t">勇闯恐龙岛（XD射击）</div>
										<div class="line"></div>
										<div class="con">
											<strong>项目说明：</strong>虚拟射击（恐龙）。误入恐龙地穴的联盟保护者们迎来了新的危机。这是一款多人射击游戏，游戏里你要尽可能射击狂奔的恐龙。使用体感控制器进行躲避、射击、移动和射击奔跑的恐龙。
										</div>
									</div>
								</li>
								<li>
									<div class="tu">
										<div class="btn">
											<div class="btn_prev">
			
													<img src="<?php echo static_file('web/img/sl.png'); ?>" alt="">
						
											</div>
											<div class="btn_next">
												
											
													<img src="<?php echo static_file('web/img/sr.png'); ?>" alt="">
												
											</div>
										</div>
										<ul>
											<li>
												<img src="<?php echo static_file('web/img/g2.jpg'); ?>" alt="">
											</li>
											<li>
												<img src="<?php echo static_file('web/img/g1.jpg'); ?>" alt="">
											</li>
										</ul>
									</div>
									<div class="cont">
										<div class="t">勇闯恐龙岛（XD射击）</div>
										<div class="line"></div>
										<div class="con">
											<strong>项目说明：</strong>虚拟射击（恐龙）。误入恐龙地穴的联盟保护者们迎来了新的危机。这是一款多人射击游戏，游戏里你要尽可能射击狂奔的恐龙。使用体感控制器进行躲避、射击、移动和射击奔跑的恐龙。
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="switch">
							<span class="active"></span>
							<span></span>
						</div>
					</div>
					



					<!-- 手机切换 -->
					<div class="swiper_pro w1440">
						<div class="swiper-container swiper_h">
							
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="tu">
										<div class="swiper-container swiper_box">
											<div class="swiper-button-prev swiper-button-white"></div>
    										<div class="swiper-button-next swiper-button-white"></div>
											<div class="swiper-wrapper">
												<div class="swiper-slide">
													<img src="<?php echo static_file('web/img/g1.jpg'); ?>" alt="">
												</div>
												<div class="swiper-slide">
														<img src="<?php echo static_file('web/img/g2.jpg'); ?>" alt="">
												</div>
											</div>
										</div>
									</div>
									<div class="cont">
										<div class="t">勇闯恐龙岛（XD射击）</div>
										<div class="line"></div>
										<div class="con">
											<strong>项目说明：</strong>虚拟射击（恐龙）。误入恐龙地穴的联盟保护者们迎来了新的危机。这是一款多人射击游戏，游戏里你要尽可能射击狂奔的恐龙。使用体感控制器进行躲避、射击、移动和射击奔跑的恐龙。
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="tu">
										<div class="swiper-container swiper_box">
											<div class="swiper-button-prev swiper-button-white"></div>
    										<div class="swiper-button-next swiper-button-white"></div>
											<div class="swiper-wrapper">
												<div class="swiper-slide">
													<img src="<?php echo static_file('web/img/g1.jpg'); ?>" alt="">
												</div>
												<div class="swiper-slide">
													<img src="<?php echo static_file('web/img/g2.jpg'); ?>" alt="">
												</div>
											</div>
										</div>
									</div>
									<div class="cont">
										<div class="t">勇闯恐龙岛（XD射击）</div>
										<div class="line"></div>
										<div class="con">
											<strong>项目说明：</strong>虚拟射击（恐龙）。误入恐龙地穴的联盟保护者们迎来了新的危机。这是一款多人射击游戏，游戏里你要尽可能射击狂奔的恐龙。使用体感控制器进行躲避、射击、移动和射击奔跑的恐龙。
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="mask_bg"></div>
	<div class="js-cont"></div>
	<?php include_once VIEWS.'inc/footer.php'; ?>                          	
	<?php
		echo static_file('web/js/main.js');
		echo static_file('web/css/swiper4.min.css');
		echo static_file('web/css/swiper-4.1.6.min.js');
	?>
</body>
</html>
<script>
	$(function(){
		$('.position_cen a').click(function(){
			var hash=$(this).attr('href').split('#')[1];
			$(this).addClass('active').siblings().removeClass('active');
			$('html,body').animate({
				scrollTop:$('#'+hash).offset().top-$('.position').height()
			},800)
		})
	})
</script>
<script>
	$(function(){
		scrollAni();
		$('.position a').eq(0).addClass('active');
		$('.nav li').eq(2).addClass('active');

		var height=0;
		$('.list ul li').each(function(){
			var h=$(this).height();
			if(h>height){
				height=h;
			}
		})
		$('.list ul li').height(height);

		$(window).resize(function(){
			$('.list ul li').height('auto');
			height=0;
			$('.list ul li').each(function(){
				var h=$(this).height();
				if(h>height){
					height=h;
				}
			})
			$('.list ul li').height(height);
		})


		textScroll($('.content .conn'),$('.btn_box .next'),$('.btn_box .prev'));
	})	
</script>
<script>
	$(function(){
		$(document).on('click','.video_l',function(){
	    	$('.mask_bg').addClass('active');
	    	$('.js-cont').addClass('active').load('<?php echo site_url('ajax/ajax_video'); ?>',function(){
	    		$('.close').click(function(){
	    			$('.js-cont').empty().removeClass('active');
	    			$('.mask_bg').removeClass('active');
	    		})
	    	});
	    })

		var w=$('.case_r').width();
		$('.case_r ul li').width(w/2);
		var len=$('.case_r ul li').length;
		$('.case_r ul').width(len*w/2);


		$('.controls .current .all').text(num(len));

		var i=0;
		$('.dots a').click(function(){
			var index=$(this).index();
			i=index;
			var cont=$('.case_r ul li').eq(index).attr('data-content');
			var tit=$('.case_r ul li').eq(index).attr('data-title');
			$('.case_r ul').stop(false,true).animate({
				'margin-left':-(w/2)*index
			},500);
			$('.case_l>.cont .t').text(tit);
			$('.case_l>.cont .con').text(cont);
			$('.case_r ul li').eq(index).addClass('active').siblings().removeClass('active');
			$('.controls .current .cur').text(index+1);
			$('.dots a').eq(index).addClass('active').siblings().removeClass('active');
		})
		$('.btn .btn_r').click(function(){
			i++;
			if(i>=len-1){
				i=len-1;
			}
			var cont=$('.case_r ul li').eq(i).attr('data-content');
			var tit=$('.case_r ul li').eq(i).attr('data-title');
			$('.case_r ul').stop(false,true).animate({
				'margin-left':-(w/2)*i
			},500);
			$('.case_l>.cont .t').text(tit);
			$('.case_l>.cont .con').text(cont);
			$('.case_r ul li').eq(i).addClass('active').siblings().removeClass('active');
			$('.controls .current .cur').text(i+1);
			$('.dots a').eq(i).addClass('active').siblings().removeClass('active');
		})

		$('.btn .btn_l').click(function(){
			i--;
			if(i<=0){
				i=0;
			}
			var cont=$('.case_r ul li').eq(i).attr('data-content');
			var tit=$('.case_r ul li').eq(i).attr('data-title');
			$('.case_r ul').stop(false,true).animate({
				'margin-left':-(w/2)*i
			},500);
			$('.case_l>.cont .t').text(tit);
			$('.case_l>.cont .con').text(cont);
			$('.case_r ul li').eq(i).addClass('active').siblings().removeClass('active');
			$('.controls .current .cur').text(i+1);
			$('.dots a').eq(i).addClass('active').siblings().removeClass('active');
		})



		$(window).resize(function(){
			w=$('.case_r').width();
			$('.case_r ul li').width(w/2);
			len=$('.case_r ul li').length;
			$('.case_r ul').width(len*w/2);
		})
		function num(i){
			if(i<10){
				return '0'+i;
			}else{
				return i;
			}
		}
	})
</script>

<script>
	$(function(){
		var galleryTop = new Swiper('.gallery-top', {
	      spaceBetween: 10,
	      loop:true,
	      slidesPerView:2,
	      breakpoints: { 
		    600: {
		      slidesPerView: 1,
		    }
		  },
	      navigation: {
	        nextEl: '.gallery-top .swiper-button-next',
	        prevEl: '.gallery-top .swiper-button-prev',
	      },
	    });
	    var galleryThumbs = new Swiper('.gallery-thumbs', {
	      spaceBetween: 10,
	      loop:true,
	      slidesPerView: 2,
	      slideToClickedSlide: true,
	       breakpoints: { 
		    600: {
		      slidesPerView: 1,
		    }
		  }
	    });
	    galleryTop.controller.control = galleryThumbs;
	    galleryThumbs.controller.control = galleryTop;

	})
</script>

<script>
	$(function(){

		var device = /android|iphone|ipad|ipod|webos|iemobile|opear mini|linux/i.test(navigator.userAgent.toLowerCase());

		$('.classification a').click(function(){
			$(this).addClass('cur').siblings().removeClass('cur');
			if(!device){
				$.ajax({
					url:'<?php echo site_url('ajax/ajax_intro'); ?>',
					success:function(data){
						$('.wbox').empty().append(data);
						$('.wrap').addClass('animate');
						banner();
					}
				})
			}else{
				$.ajax({
					url:'<?php echo site_url('ajax/ajax_intro_m'); ?>',
					success:function(data){
						$('.swiper_pro').empty().append(data);
						 var swiperH = new Swiper('.swiper_h', {
					        paginationClickable: true,
					        spaceBetween: 50,
					        slidesPerView: 2,
					        pagination: {
						      el: '.swiper_h .swiper-pagination',
						    },
						     breakpoints: { 
							    650: {
							      slidesPerView: 1,
							    }
							  }
					    });
					    var swiperV = new Swiper('.swiper_box', {
					    	slideToClickedSlide: true,
					    	navigation: {
						      nextEl: '.swiper_box .swiper-button-next',
						      prevEl: '.swiper_box .swiper-button-prev',
						    },
						     breakpoints: { 
							    650: {
							      slidesPerView: 1,
							    }
							  }
					       
					    });
					}
				})
			}
			
		})
		banner();
		function banner(){
			var ww=$('.wrap').width();
			var mr=40;
			$('.wrap>ul>li').css('margin-right',mr);
			var liW=(ww-mr)/2;
			var liOuterwidth=mr+liW;
			$('.wrap>ul li').width(liW);
			var len=$('.wrap>ul>li').length;
			$('.wrap>ul').width(liOuterwidth*len);

			$('.wrap>ul>li').each(function(){
				var xlen=$(this).find('li').length;
				$(this).find('ul').width(xlen*liW);
				var btn_l=$(this).find('.btn_prev');
				var btn_r=$(this).find('.btn_next');
				var i=0;
				btn_r.click(function(){
					i++;
					if(i>=xlen-1){
						i=xlen-1;
					}
					$(this).parents('.tu').find('ul').stop().animate({
						'margin-left':-liW*i
					})
				})
				btn_l.click(function(){
					i--;
					if(i<=0){
						i=0;
					}
					$(this).parents('.tu').find('ul').stop().animate({
						'margin-left':-liW*i
					})
				})
			})
			
			
			
			$('.switch span').click(function(){
				var index=$(this).index();
				$(this).addClass('active').siblings().removeClass('active');
				$('.wrap>ul').stop().animate({
					'left':-liOuterwidth*index
				})
			})


			var h=0;
			$('.wrap>ul>li .cont').each(function(){
				var h2=$(this).height();
				if(h2>h){
					h=h2;
				}
			})
			$('.wrap ul li .cont').height(h)
			$(window).resize(function(){
				ww=$('.wrap').width();
				mr=40;
				$('.wrap>ul>li').css('margin-right',mr);
				liW=(ww-mr)/2;
				liOuterwidth=mr+liW;
				$('.wrap>ul li').width(liW);
				len=$('.wrap>ul>li').length;
				$('.wrap>ul').width(liOuterwidth*len);

				$('.wrap>ul>li').each(function(){
					xlen=$(this).find('li').length;
					$(this).find('ul').width(xlen*liW);		
				})

				$('.wrap ul li .cont').height('auto')
				 h=0;
				$('.wrap>ul>li .cont').each(function(){
					var h2=$(this).height();
					if(h2>h){
						h=h2;
					}
				})
				$('.wrap ul li .cont').height(h)
			})
		}
		
	})
</script>

<script>
    var swiperH = new Swiper('.swiper_h', {
        paginationClickable: true,
        spaceBetween: 50,
        slidesPerView: 2,
        pagination: {
	      el: '.swiper_h .swiper-pagination',
	    },
	     breakpoints: { 
		    650: {
		      slidesPerView: 1,
		    }
		  }
    });
    var swiperV = new Swiper('.swiper_box', {
    	slideToClickedSlide: true,
    	navigation: {
	      nextEl: '.swiper_box .swiper-button-next',
	      prevEl: '.swiper_box .swiper-button-prev',
	    },
	     breakpoints: { 
		    650: {
		      slidesPerView: 1,
		    }
		  }
       
    });
</script>



